﻿@{
    ViewBag.Title = "编辑页面";
    var F = Html.F();
}
@section head {
    <style>
        .photo {height: 90px;line-height: 90px;overflow: hidden;}
        .photo img {Width: 80px;height: 80px;vertical-align: middle;}
    </style>
}

@section body {
    @(

    F.Panel().ID("panel1").Layout(LayoutType.HBox).ShowBorder(false).ShowHeader(false).Items(
            F.SimpleForm().ID("form_Edit").ShowBorder(false).ShowHeader(false).AutoScroll(true).BoxFlex(1).MinWidth(330).Margin(0).EnableCollapse(true).BodyPadding("15px 15px").Items(
                F.Image().ID("imgPhoto").CssClass("photo").ShowEmptyLabel(true).ImageUrl(ViewBag.photo)
                ,F.FileUpload().ID("filePhoto").ShowRedStar(false).ShowEmptyLabel(true).ButtonText("上传个人头像").ButtonOnly(true).Required(false).ButtonIcon(Icon.ImageAdd).OnFileSelected(Url.Action("PhotoUpload"), "form_Edit")
                ,F.Label().ID("LoginName1").Label("登录名称").Text(ViewBag.loginName)
                ,F.TextBox().ID("realname").Label("真实姓名").Text(ViewBag.realname)
                , F.TextBox().ID("Password_old").Label("老密码").TextMode(TextMode.Password).EmptyText("如修改密码请填写")
                ,F.TextBox().ID("Password_new1").Label("新密码").TextMode(TextMode.Password).EmptyText("如修改密码请填写")
                , F.TextBox().ID("Password_new2").Label("重复密码").TextMode(TextMode.Password).EmptyText("如修改密码请填写"))
            ,F.Panel().ID("Panel2").Title("常用头像").EnableIFrame(true).IFrameUrl(@Url.Action("FacePhoto")).BoxFlex(2).ShowBorder(true).ShowHeader(true)).Toolbars(
                F.Toolbar().Position(ToolbarPosition.Bottom).Items(
                    F.HiddenField().ID("hd_photo").Text(ViewBag.photo)
                    ,F.HiddenField().ID("hd_oldPhoto").Text(ViewBag.photo)
                    ,F.ToolbarFill()
                    ,F.Button().ID("Button_saveEdit").ValidateForms("form_Edit").Text("保存").Icon(Icon.SystemSaveNew).OnClick(Url.Action("Button_saveEdit_OnClick","Home"),"panel1")
                    ))
    )
}

@section script {
    <script>       
        function setPhoto(img) {
            //alert(F(photo).getValue());
            F.ui.imgPhoto.setValue("<img src='" + img + "' />");
            F.ui.hd_photo.setValue(img);
        }
    </script>
}